﻿@model FilStartUps_Mobile.Models.RegistrationModel
@{
    ViewBag.Title = "Register";
}
<h2>
    Register</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
    $.validator.unobtrusive.adapters.addBool("mandatory", "required");
</script>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <div class="editor-label">
            @Html.LabelFor(model => model.emailaddress)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.emailaddress)
            @Html.ValidationMessageFor(model => model.emailaddress)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.confirmemailaddress)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.confirmemailaddress)
            @Html.ValidationMessageFor(model => model.confirmemailaddress)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.password)
            @Html.ValidationMessageFor(model => model.password)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.confirmpassword)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.confirmpassword)
            @Html.ValidationMessageFor(model => model.confirmpassword)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.firstname)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.firstname)
            @Html.ValidationMessageFor(model => model.firstname)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.lastname)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.lastname)
            @Html.ValidationMessageFor(model => model.lastname)
        </div>
        <div class="editor-label">
            Security Question
        </div>
        <div class="editor-field">
            <select id="secretquestion" name="secretquestion">
                <option value="What is the name of your favorite sports team?">What is the name of your
                    favorite sports team?</option>
                <option value="What is the name of your favorite book?">What is the name of your favorite
                    book?</option>
                <option value="What was your first pet's name?">What was your first pet's name?</option>
                <option value="What is the name of the street on which you grew up?">What is the name
                    of the street on which you grew up?</option>
            </select>
        </div>
        <div class="editor-label">
            Security Answer
        </div>
        <div class="editor-field">
            <input type="text" class="text-box single-line" data-val="true" data-val-required="*"
                maxlength="50" id="txtsecretanswer" name="txtsecretanswer" />
            <span class="field-validation-valid" data-valmsg-for="txtsecretanswer" data-valmsg-replace="true">
            </span>
        </div>
        <div data-role="fieldcontain">
            Agree to the terms:
            <br />
            @Html.CheckBoxFor(model => model.isTermAccepted)
            @Html.ValidationMessageFor(model => model.isTermAccepted)
        </div>
        <p>
            <input type="submit" value="Submit" />
            <input type="button" value="Cancel" />
        </p>
    </fieldset>
}
